//复用头部与尾部
define(["jquery","cookie"],function($){
	
	function Header(){
		this.load();
	}
	
	Header.prototype = {
		constructor:Header,
		//加载头部与尾部
		load:function(){
			//头部
			$.get("/html/include/header.html",$.proxy(this.HeaderHandler,this));
			//尾部
			$("footer").load("/html/include/footer.html");
			
		},
		HeaderHandler:function(data){
			$("header").html(data);
			$(window).scroll(function(){
				var st=$(this).scrollTop();
//				console.log(st);
				if (st>=1000){
					$("#souSuo").show();
				}else{
					$("#souSuo").hide();
				}
			});
			//头部加载后执行
			this.addListener();
			//判断是否有登录成功的用户信息，有则渲染显示
			this.loadLoginUser();
		},
		//是否登录成功
		loadLoginUser:function(){
			$.cookie.json=true;
			var user=$.cookie("login-user");// 如果不能读取到 cookie 则返回 undefined
			if (user)//有登录用户
				$("#nav .left ul li:first").html(`<a href="#">欢迎 <span>${user}</span> 用户</a> <a href="#" class="logout">退出</a>`);
		},
		//注册事件监听
		addListener:function(){
			//为“搜索框”绑定点击事件
			$("#docHead input:first").keyup(this.searchHandler);
			$("#souSuo input:first").keyup(this.seHandler);
			$("#docHead .suggest").on("click","div",this.suggestHandler);
			$("#souSuo .suggest").on("click","div",this.ssHandler);
			$("#docCbk .ceBian").mouseenter(this.spanShow);
			$("#docCbk .ceBian").mouseleave(this.spanHide);
			$("#topBox .docMenu li:first").mouseenter(this.liShow);
			$("#topBox .docMenu li:first").mouseleave(this.liHide);
			$("#topBox .bady").mouseenter(function(){
				$(this).stop().fadeIn();
			});
			$("#topBox .bady").mouseleave(function(){
				$(this).stop().fadeOut();
			});
			//楼层导航
			$("#indexLeft ul:first li:first").on("click",function(){
				 $('html,body').animate({scrollTop:$("#docLimit").offset().top}, 1500);
			});
			$("#indexLeft ul:first li:eq(1)").on("click",function(){
				 $('html,body').animate({scrollTop:$("#docNewProduct").offset().top}, 1500);
			});
			$("#indexLeft ul:first li:eq(2)").on("click",function(){
				 $('html,body').animate({scrollTop:$("#docBrand").offset().top}, 1500);
			});
			$("#indexLeft ul:last li:eq(0)").on("click",function(){
				 $('html,body').animate({scrollTop:$("#docMotherArea").offset().top}, 1500);
			});
			$("#indexLeft ul:last li:eq(1)").on("click",function(){
				 $('html,body').animate({scrollTop:$("#docCosmetology").offset().top}, 1500);
			});
		},
		//处理搜索框
		searchHandler:function(){
			var word=$(this).val(),
				url=`https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
			$.getJSON(url,function(data){
				var html="";
				data.result.forEach(function(curr){
					html+=`<div>${curr[0]}</div>`;
				});
				$("#docHead .suggest").html(html);
			});
		},
		//点击提示
		suggestHandler:function(){
			$("#docHead input:first").val($(this).text());
			$("#docHead .suggest").empty();
		},
		//处理搜索框
		seHandler:function(){
			var word=$(this).val(),
				url=`https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
			$.getJSON(url,function(data){
				var html="";
				data.result.forEach(function(curr){
					html+=`<div>${curr[0]}</div>`;
				});
				$("#souSuo .suggest").html(html);
			});
		},
		//点击提示
		ssHandler:function(){
			$("#souSuo input:first").val($(this).text());
			$("#souSuo .suggest").empty();
		},
		spanShow:function(){
//			console.log($(this).index());
			$(this).addClass("yanse").children("span").show();
		},
		spanHide:function(){
			$(this).children("span").hide();
			$(this).removeClass("yanse");
		},
		//下拉菜单显示
		liShow:function(){
			$("#topBox .bady").stop().fadeIn();
		},
		liHide:function(){
			$("#topBox .bady").stop().fadeOut();
		}
		
	}
	
	//创建加载头部尾部实例
	new Header();
});